            body
            {
                margin: 0;
                padding: 0;
                color: #666;
                font-family: Tahoma, Geneva, sans-serif;
                font-size: 13px;
                line-height: 1.7em;
                background-color: #293611;
                background-image:url(../images/body.jpg);
                background-position: top center;
                background-repeat: no-repeat;
                background-attachment: fixed;
            }

            #page {	width: 95%; margin: 20px auto; }

            .padding { width: 95%; margin: 0 auto;}

            #head{
                width: 100%;
                height:100px;
                overflow:hidden;
                line-height: 1.5em;
            }
            #header {
                width: 227px;
                height: 120px;
                color: white;
                font-size: 11px;
                text-align: center;
                right: 0;
                float:left;
            }

            #header h1
            {
                margin-top: 17px;
                margin-bottom: .25em;
            }

            #header a { 
                color:#FFF; 
                font-size:14px;
            }

            #header #newMessages { 
                position: relative; 
                padding-right: 5px; 
                font-size:14px;
            }	

            #header #newMessages span
            {
                background: #C00;
                position: absolute;
                top: -10px;
                right: -5px;
                line-height: 1em;
                padding: 3px 5px;
                -webkit-border-radius: 50px;
                -moz-border-radius: 50px;
                border-radius: 50px;
            }
            .box-header span {
			font-size: 15px;
			color: white;
			padding-top: 8px;
            }
            #main_wrapper{
                width: 100%;
                border-radius: 6px;
                overflow: hidden;
                background: #EEE;
            }
            #main {
                width: 82%;
                float: left;
            }

            #sidebar {
                width: 17%;
                min-height: 535px;
                padding: 5px 0px 0px 10px;
                float: left;
            }

            #sidebar h3 
            {
                border-bottom:1px solid #e0e0e0;
                font-weight:bold;
                font-size:14px;
                display:block;
                width:185px;
                padding:6px;
                color:#444444;
                margin-top:10px;
            }

            #sidebar .menu h3 { margin-bottom: 0; }

            #sidebar .menu ul { list-style-type:none; padding:0; margin:0 0 20px; }

            #sidebar .menu li 
            {
                border-top:1px solid #f6f6f6;
                border-bottom:1px solid #e0e0e0;
                padding:6px;
                width:185px;
                list-style-type: none;
            }

            #sidebar .menu li a 
            {
                background-position: left;
                background-repeat: no-repeat;
                color: #333;
                padding: 6px 12px 6px 24px; 
                text-decoration:none; 
            } 
            #footer
            {

                width: 710px;
                font-size: 12px;
                color: #FFF;
                clear: both;
                margin: 0;
                margin-bottom: 2.5em;
                padding-top: 0;
            }

            #footer a { color: #FFF; }

            #login { width: 450px; margin: 150px auto; text-align: center;  }

            #login-body
            { 
                background: #FFF; 
                padding-bottom: 15px; 
                border: 1px solid #ccc;
                padding: 0 0 10px 0; 
                text-align: left;
                width: 100%; 
                overflow: hidden; 
                -moz-border-radius: 6px; 
                -webkit-border-radius: 6px;	

                box-shadow: 1px 1px 10px rgba(0,0,0,.4);
                -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.4);
                -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.4);
            }




            #login-body input.text 
            {
                width: 275px;
                font: 18px Helvetica, Arial, Verdana, sans-serif;
                vertical-align: bottom;
            }

            #login-body .padding { padding: 20px 20px 0px 20px; }

            #login-body label,
            #login-body .label 
            {
                font-size: 14px;
                float: left;
                line-height: 14px;
                width: 115px;
                padding: 15px 0 0 0;
                margin: 0;
                text-align: left;
                font-weight: bold; 

            }
            #login-body .label_button 
            {
                font-size: 13px;
                float: left;
                line-height: 16px;
                width: 320px;
                padding: 15px 0 0 0;
                margin: 0;
                text-align: left;
                font-weight: bold; 

            }
            #login-body .field div 
            {
                float: left;
                position: relative;
                width: 290px;
                padding: 0;
                margin: 0;
            }

            #login-body .field div span.input { 
                text-align: right; 
                line-height: 12px; 
                font-size: 11px; 
                padding-right: 10px }


            #login-body input
            {
                margin: 0;
                padding: 5px;
                border: solid 1px #CCC;
                color: #444;
                background: #fff;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px;
            }		
            #login-body span.input
            {
                display: block;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                background: #7fb308;
                padding: 2px;
                margin: 0 0 15px 0;
            }

            #tab 
            {
                width: 20%;
                height: 40px;
                top: 49px;
                position: relative;
                z-index: 80;
                float: left;
            }

            #tab ul	{ width: 710px; padding: 0 !important; margin: 0 auto !important; }

            #tab li
            {
                list-style-type: none;
                line-height: 34px;
                float: left;
                font-size: 14px;
                padding: 5px 20px;
                margin: 6px 8px 0 0;
                position: relative;
                -moz-border-radius-topright: 4px; 
                -moz-border-radius-topleft: 4px;
                -webkit-border-top-left-radius: 4px;		
                -webkit-border-top-right-radius: 4px;
            }
            #tab li a { color: #FFF; font-weight: bold; text-decoration: none; text-shadow: 1px 1px #000; }

            #tab li.current{
				 background-color: #7fb308 !important; 
			}
            #tab li.hover {
				background-color: #a2e40a !important; 
				}

            .clearfix:after {
                visibility: hidden;
                display: block;
                font-size: 0;
                content: " ";
                clear: both;
                height: 0;
            }
            * html .clearfix             { zoom: 1; } /* IE6 */
            *:first-child+html .clearfix { zoom: 1; } /* IE7 */

            .clear { clear: both; }	

            .hide { display: none; }

            .form { padding: 5px; margin: 10px; }
            .form .field { width: 100%; }
            .form .field_help { margin-left: 145px; font-size: 90%; color: #777; }
            .form label, 
            .form span.label { margin-right: 10px; padding-right: 10px; width: 125px; display: block; float: left;  font-weight: bold; text-align: right; position: relative; }
            .form label em, 
            .form span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
            .form input:focus,
            .form input.error:focus, 
            .form textarea:focus {	background-color: #FFC; border-color: #FC6; }
            .form .upload { margin-bottom: -5em;}


            .form .buttonrow { margin-left: 145px; display: block; }
            .form .cancel { font-size: 11px; color: #C00; padding-left: 10px; }
            .form .field { margin-bottom: 1.5em; }
            .form .uploader { margin-bottom: .5em !important; }
            .form .field input
            {
                padding: 4px;
                border: 1px solid #CCC;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
            }
            .form .xsmall { width: 50px; }
            .form .small { width: 100px; }
            .form .medium { width: 200px; }
            .form .large { width: 300px; }
            .form .xlarge { width: 400px; }

            /* Label top styles */
            .label-top .field label { width: 100%; display: block; text-align: left; }
            .label-top .field span.label { width: 100%; display: block; float: left; text-align: left; position: relative; }
            .label-top .field .field_help { margin-left: 0; font-size: 11px; }
            .label-top .buttonrow { margin-left: 0; }
            .label-top .selector { width: 100%; display: block; float: left; }

            .form div.controlset label, 
            .form div.controlset input { display: inline; float: none; }
            .form .controlset label {font-size: 11px; font-weight: normal !important; }
            .controlset { margin-bottom: 2.5em; float: left; }
            .controlset .controlset-pad { width: 300px; float: left;  }		

.accordion li {
	list-style: none;
}

/* Layout & Style */

.accordion li > a {
	display: block;
	position: relative;
	min-width: 110px;
	padding: 0 7px 0 20px;
	height: 32px;
	color: #fdfdfd;
	font: bold 12px/32px Arial, sans-serif;
	text-decoration: none;
	text-shadow: 0px 1px 0px rgba(0,0,0, .35);

	background: #7fb308;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: inset 0px 2px 0px 0px rgba(255,255,255, .1), 0px 2px 0px 0px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0px 2px 0px 0px rgba(255,255,255, .1), 0px 2px 0px 0px rgba(0,0,0, .1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 2px 0px 0px rgba(0,0,0, .1);
	margin-top: 2px;
}

.accordion > li:hover > a,
.accordion > li:target > a,
.accordion > li > a.active {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(255,255,255, .2);
}

.accordion li > a span {
	display: block;
	position: absolute;
	top: 7px;
	right: 0;
	padding: 0 10px;
	margin-right: 10px;
	
	font: normal bold 12px/18px Arial, sans-serif;
	background: #404247;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.accordion > li:hover > a span,
.accordion > li:target > a span,
.accordion > li > a.active span {
	color: #fdfdfd;
	text-shadow: 0px 1px 0px rgba(0,0,0, .35);
	background: #3e5706;
}

/* Sub Menu */

.sub-menu li a {
	color: #797979;
	text-shadow: 1px 1px 0px rgba(255,255,255, .2);

	background: #e5e5e5;
	border-bottom: 1px solid #c9c9c9;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.sub-menu li:hover a { background: #a2e40a; }

.sub-menu li:last-child a { border: none; }

.sub-menu li > a span {
	color: #797979;
	text-shadow: 1px 1px 0px rgba(255,255,255, .2);
	background: transparent;
	border: 1px solid #c9c9c9;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: none;
}

.sub-menu em {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 14px;
	color: #a6a6a6;
	font: normal 10px/32px Arial, sans-serif;
}

/* Functionality */

.accordion li  .sub-menu {
	display: none;
}

.accordion li:target  .sub-menu {
	display: block;
}

.table_data {
	border: 1px solid #e3e3e3;
	background-color: #f2f2f2;
        width: 100%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.table_data td, .table_data th {
	padding: 5px;
}
.table_data thead {
	padding: .2em 0 .2em .5em;
        text-align: center;
        color: white;
        background-color: #7FB308;
	border-bottom: solid 1px #999;
}
.table_data th {
        font-style: normal;
        font-weight: normal;
}
.table_data td {
	line-height: 17px;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 14px;
        border: 1px solid white;
        text-align: center;
}
.table_data td:hover {
	background-color: #7FB308;
        color: #fff;
}
.table_wrapper{
    padding: 20px;
}
.padding_wrapper{
    overflow: hidden;
    padding: 15px;
    border-radius: 5px;
    background: white;
}
#sidebar_padding{
    padding: 10px;
    border-radius: 5px;
    background: white;
}